{% extends 'base.html' %}
{% block title %} 给煤机 {% endblock %}
{% block keywords %}给煤机{% endblock %}
{% block description %}给煤机{% endblock %}
{% block content %}
<main class="page landing-page">
  <section class="clean-block clean-hero"
           style="background-image:url('../static/assets/img/tech/image4.jpg');color:rgba(9, 162, 255, 0.85);">
    <div class="text" style="margin-top: 90px">
      <h2>福坤（辽宁）建材科技有限公司</h2>
      <p>公司成立于2019年，座落于辽宁省美丽的沈北新区北部铁岭高新技术开发区，
        占地面积26500平方米，
        项目一期投资5000万元人民币，年生产能力30万立米，2021年销售额1亿元。
        是一家集研发、生产、销售于一体的
        蒸压加气混凝土制品、新型墙体材料高科技公司。</p>
      <button class="btn btn-outline-light btn-lg" type="button">Learn More</button>
    </div>
  </section>
  <section class="clean-block clean-info dark">
    <div class="container">
      <div class="block-heading">
        <h2 class="text-info">Info</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
          nec auctor in,
          mattis vitae leo.</p>
      </div>
      <div class="row align-items-center">
        <div class="col-md-6"><img class="img-thumbnail"
                                   src="../static/assets/img/scenery/image5.jpg"/></div>
        <div class="col-md-6">
          <h3>Lorem impsum dolor sit amet</h3>
          <div class="getting-started-info">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
              Lorem ipsum d olor sit amet, consectetur adipisicing elit.
              Lorem ipsum dol or sit amet, consectetur adipisicing elit.</p>
          </div>
          <button class="btn btn-outline-primary btn-lg" type="button">Join Now</button>
        </div>
      </div>
    </div>
  </section>
  <section class="clean-block features">
    <div class="container">
      <div class="block-heading">
        <h2 class="text-info">Features</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
          nec auctor in,
          mattis vitae leo.</p>
      </div>
      <div class="row justify-content-center">
        <div class="col-md-5 feature-box"><i class="icon-star icon"></i>
          <h4>Bootstrap 4</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
            nec auctor in,
            mattis vitae leo.</p>
        </div>
        <div class="col-md-5 feature-box"><i class="icon-pencil icon"></i>
          <h4>Customizable</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
            nec auctor in,
            mattis vitae leo.</p>
        </div>
        <div class="col-md-5 feature-box"><i class="icon-screen-smartphone icon"></i>
          <h4>Responsive</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
            nec auctor in,
            mattis vitae leo.</p>
        </div>
        <div class="col-md-5 feature-box"><i class="icon-refresh icon"></i>
          <h4>All Browser Compatibility</h4>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
            nec auctor in,
            mattis vitae leo.</p>
        </div>
      </div>
    </div>
  </section>
  <section class="clean-block slider dark">
    <div class="container">
      <div class="block-heading">
        <h2 class="text-info">合作伙伴</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
          nec auctor in,
          mattis vitae leo.</p>
      </div>
      <div data-ride="carousel" class="carousel slide" id="carousel-1">
        <div class="carousel-inner">
          <div class="carousel-item active"><img class="w-100 d-block"
                                                 src="../static/assets/img/scenery/image1.jpg"
                                                 alt="Slide Image"/></div>
          <div class="carousel-item"><img class="w-100 d-block"
                                          src="../static/assets/img/scenery/image4.jpg"
                                          alt="Slide Image"/>
          </div>
          <div class="carousel-item"><img class="w-100 d-block"
                                          src="../static/assets/img/scenery/image6.jpg"
                                          alt="Slide Image"/>
          </div>
        </div>
        <div><a href="#carousel-1" role="button" data-slide="prev"
                class="carousel-control-prev"><span
          class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a
          href="#carousel-1" role="button" data-slide="next"
          class="carousel-control-next"><span
          class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
        <ol
          class="carousel-indicators">
          <li data-target="#carousel-1" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-1" data-slide-to="1"></li>
          <li data-target="#carousel-1" data-slide-to="2"></li>
        </ol>
      </div>
    </div>
  </section>
  <section class="clean-block about-us">
    <div class="container">
      <div class="block-heading">
        <h2 class="text-info">About Us</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim
          nec auctor in,
          mattis vitae leo.</p>
      </div>
      <div class="row justify-content-center">
        <div class="col-sm-6 col-lg-4">
          <div class="card clean-card text-center"><img class="card-img-top w-100 d-block"
                                                        src="../static/assets/img/avatars/avatar1.jpg"/>
            <div class="card-body info">
              <h4 class="card-title">John Smith</h4>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing
                elit.</p>
              <div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a
                href="#"><i
                class="icon-social-instagram"></i></a><a href="#"><i
                class="icon-social-twitter"></i></a></div>
            </div>
          </div>
        </div>
        <div class="col-sm-6 col-lg-4">
          <div class="card clean-card text-center"><img class="card-img-top w-100 d-block"
                                                        src="../static/assets/img/avatars/avatar2.jpg"/>
            <div class="card-body info">
              <h4 class="card-title">Robert Downturn</h4>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing
                elit.</p>
              <div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a
                href="#"><i
                class="icon-social-instagram"></i></a><a href="#"><i
                class="icon-social-twitter"></i></a></div>
            </div>
          </div>
        </div>
        <div class="col-sm-6 col-lg-4">
          <div class="card clean-card text-center"><img class="card-img-top w-100 d-block"
                                                        src="../static/assets/img/avatars/avatar3.jpg"/>
            <div class="card-body info">
              <h4 class="card-title">Ally Sanders</h4>
              <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing
                elit.</p>
              <div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a
                href="#"><i
                class="icon-social-instagram"></i></a><a href="#"><i
                class="icon-social-twitter"></i></a></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</main>

<div class="container">
  <h2 class="text-info" style="text-align: center; height:60px"> 行业新闻</h2>
  {% for post in posts %}
  <a href="{{url_for('post', post_id=post['id'])}}">
    <h5 class="text" style="color: #0b2e13">{{ post['title'] }}</h5>
  </a>
  <span class="text-muted">{{ post['created'] }}</span>
  <a href="{{ url_for('edit', id=post['id']) }}">
    <!--    <span class="badge badge-warning">编辑</span>-->
  </a>
  <hr>
  {% endfor %}
</div>
{% endblock %}